<template>
  <div class="main">
    <div class="content">富文本</div>
    <div class="bottom">
      <!-- <div class="read">
        <input type="radio" name id :checked="checked" @click="changeCheck" />
        <span>已阅读并同意</span>
        <span class="agreement" @click="goAgreement">《网络服务协议》</span>
      </div>-->
      <div class="start" @click="goStartEvaluation">
        <button>开始测评</button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  data () {
    return {
      checked: false
    };
  },
  computed: {},
  created () {},
  mounted () {},
  watch: {},
  methods: {
    // 更改勾选已阅读网络服务协议
    changeCheck () {
      this.checked = !this.checked;
    },
    // 跳到网络服务协议页面
    goAgreement () {
      wx.navigateTo({
        url: '/pages/PersonalCenter/userChildren/evaluation/agreement/main'
      });
    },
    // 跳到开始测评页面
    goStartEvaluation () {
      // if (!this.checked) {
      //   wx.showToast({
      //     title: '请先勾选已阅读并同意！',
      //     icon: 'none',
      //     duration: 2000
      //   });
      // } else {
      wx.navigateTo({
        url:
          '/pages/PersonalCenter/userChildren/evaluation/startEvaluation/main'
      });
      // }
    }
  },
  components: {}
};
</script>

<style scoped lang="less">
.content {
  margin: 0 15px 52px;
  font-size: 14px;
}
.bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #fff;
  padding-bottom: 6px;
  // .read {
  //   margin-left: 20px;
  //   flex: 1;
  //   input {
  //     border-radius: 50%;
  //     margin-right: 1px;
  //   }
  //   span {
  //     width: 175px;
  //     height: 17px;
  //     font-size: 12px;
  //     font-family: PingFangSC-Regular, PingFangSC;
  //     font-weight: 400;
  //     color: rgba(2, 6, 4, 1);
  //     line-height: 17px;
  //   }
  //   .agreement {
  //     color: #187798ff;
  //   }
  // }
  .start {
    width: 100%;
    padding: 0 15px;
    button {
      width: 100%;
      background: rgba(24, 119, 152, 1);
      border-radius: 2px;
      font-size: 15px;
      font-family: PingFangSC-Medium, PingFangSC;
      font-weight: 500;
      color: rgba(255, 255, 255, 1);
      line-height: 42px;
    }
  }
}
</style>
